<template>
    <div>
        <m-notification :value="50">
            <template #default>
                <m-list @clickItem="clickItem" @clickAction="clickAction" :list="list" :actions="actions">
                </m-list>
            </template>
        </m-notification>
        <!-- <br/>
        <br/>
        <br/>
        <m-notification :value="50" :max="10"></m-notification>
        <br/>
        <br/>
        <br/>
        <m-notification :value="50" :max="10" isDot></m-notification>
        <br/>
        <br/>
        <br/>
        <m-notification :value="50" :max="10" icon="PieChart"></m-notification> -->
    </div>
</template>

<script lang='ts' setup>
import { list, actions } from "./data.ts"

let clickItem = (val: any) => {
    console.log(val);
}

let clickAction = (val: any) => {
    console.log(val);
}

</script>

<style lang='scss' scoped></style>